<template>
  <div>
    <h1>当前页面内容为：{{$route.name}}</h1>
    <h1>我是用户页面</h1>
    <button @click="back">返回</button>
    <button @click="$router.go(-1)">返回1</button>
    <h2>{{$route.params.name}}</h2>
    <ul>
        <!-- 当遍历数组的时候 在vue中 要给数据一个唯一标识 避免警告的出现 :key=index -->
        <li v-for="(i,index) in arr" :key=index>{{i}}</li>
    </ul>
  </div>
</template>
<script>
export default {
    data(){
        return{
            arr:['苹果','哈密瓜','西瓜']
        }
    },
  methods: {
    back() {
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="">
</style>